<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <meta name="renderer" content="webkit" />
  <!-- <title>丘比特改进方案</title> -->
  <meta id="i18n_pagename" content="index-common" />

  <title class="i18n" name="common-title"></title>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/base.css" />
  <style>
    .contact_main {
      text-align: center;
      padding: 10px 0;
    }

    .contact_main .baipishu {
      text-align: center;
      /* width: 312px; */
      margin: 60px 0;
    }

    .baipishu img {
      height: auto;
      width: 312px;
    }

    .contactUs_center {
      padding: 10px 0 198px 0;
    }

    .baipishu_a {
      cursor: pointer;
      font-weight: 300;
      width: 300px;
      height: 50px;
      border-radius: 25px;
      border: solid 1px #F84C94;
      background-color: #F84C94 !important;
      font-size: 16px;
      line-height: 47px;
      display: inline-block;
      margin: 0 15px;
      color: #fff;
    }

    .baipishu_a:link {
      background-color: #F84C94 !important;
    }

    .baipishu_a:visited {
      background-color: #F84C94 !important;
    }

    @media (max-width: 767px) {
      .contact_main {
        text-align: center;
        padding: 10px 0;
      }

      .contactUs_center {
        padding: 10px 0 98px 0;
      }

      .contact_main .baipishu {
        text-align: center;
        margin: 30px 0;
      }

      .baipishu img {
        height: auto;
        width: 208px;
        /* max-width: 100%; */
      }

      .baipishu img {
        /* height: auto; */
        width: 208px;
        /* max-width: 100%; */
      }

      .baipishu_a {
        cursor: pointer;
        font-weight: 200;
        width: 208px;
        height: 50px;
        border-radius: 25px;
        border: solid 1px #F84C94;
        font-size: 16px;
        line-height: 47px;
        display: inline-block;
        margin: 0 15px;
        color: #fff;
      }

      .baipishu_a:link {
        background-color: #F84C94 !important;
      }

      .baipishu_a:visited {
        background-color: #F84C94 !important;
      }
    }
  </style>
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <div class="contactUs">
    <nav class="navbar cupid_head">
      <div class="head_bar">
        <div class="main_center">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" aria-expanded="false">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <div class="navbar-right langu">
              <a id="language-content" class="language"></a>
              <ul class="language_list" style="display: none;">
                <li id="btnZh" style="cursor:pointer" class="language_list_one">
                  简体中文
                </li>
                <li id="btnEn" style="cursor:pointer" class="language_list_one">
                  English
                </li>
              </ul>
            </div>
            <a class="navbar-brand" href="index.html">
              <img src="images/logo.png" />
            </a>
          </div>

          <div class="collapse navbar-collapse pc_head">
            <div class="row">
              <div class="nav navbar-nav logo">
                <a href="index.html">
                  <img src="images/logo.png" />
                </a>
              </div>
              <div class="navbar-right langu">
                <a id="language-content" class="language"></a>
                <ul class="language_list" style="display: none;">
                  <li id="btnZh" style="cursor:pointer" class="language_list_one">
                    简体中文
                  </li>
                  <li id="btnEn" style="cursor:pointer" class="language_list_one">
                    English
                  </li>
                </ul>
              </div>
              <ul class="nav navbar-nav navbar-right nav_list hidden-sm">
                <li>
                  <a href="index.html" class="i18n" name="common-index"></a>
                </li>
                <li>
                  <a href="application.html" class="i18n" name="common-application"></a>
                </li>
                <li>
                  <a href="dapp.html" class="i18n" name="common-dapp"></a>
                </li>
                <li>
                  <a href="love_machine.html" class="i18n" name="common-love-machine"></a>
                </li>
                <li>
                  <a href="technology.html" class="i18n" name="common-technology"></a>
                </li>
                <li>
                  <a href="economies.html" class="i18n" name="common-economies"></a>
                </li>
                <li>
                  <a href="community.html" class="i18n" name="common-community"></a>
                </li>
                <li>
                  <a href="fund.html" class="i18n" name="common-fund"></a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="nav_slider_mask" style="display: none;">
        <ul class="nav_slider_list">
          <li class="nav_slider_one">
            <a href="index.html" class="i18n" name="common-index"></a>
          </li>
          <li class="nav_slider_one">
            <a href="application.html" class="i18n" name="common-application"></a>
          </li>
          <li class="nav_slider_one">
            <a href="dapp.html" class="i18n" name="common-dapp"></a>
          </li>
          <li class="nav_slider_one">
            <a href="love_machine.html" class="i18n" name="common-love-machine"></a>
          </li>
          <li class="nav_slider_one">
            <a href="technology.html" class="i18n" name="common-technology"></a>
          </li>
          <li class="nav_slider_one">
            <a href="economies.html" class="i18n" name="common-economies"></a>
          </li>
          <li class="nav_slider_one">
            <a href="community.html" class="i18n" name="common-community"></a>
          </li>
          <li class="nav_slider_one">
            <a href="fund.html" class="i18n" name="common-fund"></a>
          </li>
        </ul>
      </div>
    </nav>
    <!-- 头部 -->
    <div class="top_content">
      <div class="container">
        <div class=" i18n top_text" name="home-white-paper">
          <!-- 免责声明 -->
        </div>
      </div>
    </div>
    <div class="contactUs_center">
      <div class="container">
        <div class="contact_main">
          <div class="baipishu">
            <a href="whitepaper.pdf" download="白皮书.pdf" class="baipishu_a">中文白皮书</a>
          </div>
          <div class="baipishu">
            <!-- <img src="images/baipishu_us.png" /> -->
            <a href="whitepaper.pdf" download="whitepaper.pdf" class="baipishu_a">English White Paper</a>

          </div>

        </div>
      </div>
      <!-- 底部 -->
      <footer>
        <div class="container clearfix">
          <div class="footer_top  col-xs-12 col-sm-12 col-md-6 col-lg-6">
            <div class="footer_list  col-xs-4 col-sm-4 col-md-4 col-lg-4">
              <div class="i18n footer_tit" name="common-footer-label1">
                <!-- 社群治理 -->
              </div>
              <a href="proposals.html" class="i18n list_tit" name="common-footer-label2">
                <!-- 丘比特改进提案 -->
              </a>
              <a href="latest_notice.html" class="i18n list_tit" name="common-footer-label3">
                <!-- 最新公告 -->
              </a>
            </div>
            <div class="footer_list  col-xs-4 col-sm-4 col-md-4 col-lg-4">
              <div class="i18n footer_tit" name="common-footer-label4">
                <!-- 关于 -->
              </div>
              <a href="team_members.html" class="i18n list_tit" name="common-footer-label5">
                <!-- 团队 -->
              </a>
              <a href="contactus.html" class="i18n list_tit" name="common-footer-label6">
                <!-- 联系我们 -->
              </a>
            </div>
            <div class="footer_list  col-xs-4 col-sm-4 col-md-4 col-lg-4">
              <div class="i18n footer_tit" name="common-footer-label7">
                <!-- 服务条款 -->
              </div>
              <a href="copyright.html" class="i18n list_tit" name="common-footer-label8">
                <!-- 版权声明 -->
              </a>
              <a href="disclaimer.html" class="i18n list_tit" name="common-footer-label9">
                <!-- 免责声明 -->
              </a>
            </div>
          </div>
          <div class="footer_center  col-xs-12 col-sm-12 col-md-6 col-lg-6">
            <div class="i18n footer_center_tit" name="common-footer-label10">
              <!-- 关注我们 -->
            </div>
            <div class="footer_center_main clearfix">
              <div id="Telegram" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_1.png" alt="" />
                </div>
                <div class="footer_center_text">Telegram</div>
              </div>
              <div id="Facebook" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_2.png" alt="" />
                </div>
                <div class="footer_center_text">Facebook</div>
              </div>
              <div id="Twitter" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_3.png" alt="" />
                </div>
                <div class="footer_center_text">Twitter</div>
              </div>
              <div id="Weibo" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_4.png" alt="" />
                </div>
                <div class="footer_center_text">Weibo
                </div>
              </div>
              <!-- <div id="Wechat" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_5.png" alt="" />
                </div>
                <div class="footer_center_text">Wechat</div>
              </div> -->
            </div>
          </div>
          <div class="i18n footer_bootom" name="common-footer-bootom">
            <!-- 版权所有@1692018-2020 cbit.love保留所有权利
                        联系我们：global@cbit.love -->
          </div>
        </div>
      </footer>
    </div>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery-1.12.4.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <!-- 加载语言包文件 -->
    <script src="js/jquery.i18n.properties.js"></script>
    <script src="js/language.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>
    <script>
      $('.navbar-toggle').click(function () {
        $('.nav_slider_mask').toggle();
      });
    </script>
</body>

</html>